<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>神途官网</title>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_496118_w08coq4dozq.css">
    <link rel="stylesheet" type="text/css" href="./assets/stylesheets/common/base.css"></link>
    <link rel="stylesheet" type="text/css" href="./assets/stylesheets/common/common.css"></link>
    <link rel="stylesheet" type="text/css" href="./assets/stylesheets/home/home.css"></link>
    <link rel="stylesheet" type="text/css" href="./assets/stylesheets/common/swiper-3.4.2.min.css"></link>
    <script src="./assets/javascript/common/jquery-3.2.1.min.js"></script>
    <script src="./assets/javascript/common/swiper-3.4.2.min.js"></script>
</head>
<body>
    <div class="header-area">
        <div class="main header-box">
            <a href="#">
                <div class="main-logo-box">
                    <img class="main-logo" src="./assets/images/mian-logo.png" alt="logo">
                </div>
            </a>
            <div class="search-box">
                <input class="search-input" type="text" placeholder="按游戏名称搜索">
                <button class="search-btn">搜索</button>
            </div>
            <div class="service-box">
                <div class="service-content">
                    <p class="service-tel">
                        <i class="iconfont icon-dianhua"></i>
                        <span class="service-num">0571-89715259</span>
                        <span>工作日(9:00-17:00)</span>
                    </p>
                    <p class="service-qq">企业客服QQ:3014125270</p>
                </div>
            </div>
        </div>
    </div>
    <div class="main nav-box">
        <a href="#" class="nav-item">首页</a>
        <a href="#" class="nav-item">游戏中心</a>
        <a href="#" class="nav-item">开服表</a>
        <a href="#" class="nav-item">申请参与内测</a>
        <a href="#" class="nav-item">礼包</a>
        <a href="#" class="nav-item">关于我们</a>
        <a href="#" class="nav-item">资源与授权</a>
        <a href="#" class="nav-item">客服</a>
    </div>
    <div class="banner-area">
        <div class="main banner-box">
            <!-- Swiper -->
            <div class="swiper-container" id="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="./assets/images/banner01.png" alt="banner">
                    </div>
                    <div class="swiper-slide">
                        <img src="./assets/images/banner01.png" alt="banner">
                    </div>
                    <div class="swiper-slide">
                        <img src="./assets/images/banner01.png" alt="banner">
                    </div>
                    <div class="swiper-slide">
                        <img src="./assets/images/banner01.png" alt="banner">
                    </div>
                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination" id="swiper-pagination"></div>
            </div>
            <!-- 微信扫码 -->
            <div class="wx-box tc">
                <img class="wx-qrcode" src="./assets/images/wx-qrcode.png" alt="二维码">
                <p class="wx-follow">关注微信</p>
                <p>扫码获取礼包</p>
            </div>
        </div>
    </div>
    <div class="content-area">
        <div class="main">
            <div class="content-box">
                <div class="content-left">
                    <div class="title"><span class="border">最新资讯</span></div>
                    <ul class="content-left-main" style="height: 328px;">
                        <li class="info-item">
                            <p class="info-short ellipse">端午福利曝光！双倍经验、双倍! 端午福利曝光！双倍经验、双倍!</p>
                            <div class="info">
                                <img class="info-icon" src="./assets/images/st-icon.png" alt="icon">
                                <p class="info-des">
                                    中华传统端午佳节将至， 传奇世界3D手游端午福利即将登场，中华传统端午佳节将至， 传奇世界3D手游端午福利即将登场
                                </p>
                            </div>
                        </li>
                        <li class="info-item">
                            <p class="info-short ellipse">端午福利曝光！双倍经验、双倍! 端午福利曝光！双倍经验、双倍!</p>
                            <div class="info">
                                <img class="info-icon" src="./assets/images/st-icon.png" alt="icon">
                                <p class="info-des">
                                    中华传统端午佳节将至， 传奇世界3D手游端午福利即将登场，中华传统端午佳节将至， 传奇世界3D手游端午福利即将登场
                                </p>
                            </div>
                        </li>
                        <li class="info-item">
                            <p class="info-short ellipse">端午福利曝光！双倍经验、双倍! 端午福利曝光！双倍经验、双倍!</p>
                            <div class="info">
                                <img class="info-icon" src="./assets/images/st-icon.png" alt="icon">
                                <p class="info-des">
                                    中华传统端午佳节将至， 传奇世界3D手游端午福利即将登场，中华传统端午佳节将至， 传奇世界3D手游端午福利即将登场
                                </p>
                            </div>
                        </li>
                        <li class="info-item">
                            <p class="info-short ellipse">端午福利曝光！双倍经验、双倍! 端午福利曝光！双倍经验、双倍!</p>
                            <div class="info">
                                <img class="info-icon" src="./assets/images/st-icon.png" alt="icon">
                                <p class="info-des">
                                    中华传统端午佳节将至， 传奇世界3D手游端午福利即将登场，中华传统端午佳节将至， 传奇世界3D手游端午福利即将登场
                                </p>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="content-right">
                    <div class="title">推荐游戏</div>
                    <ul class="content-right-main">
                        <li class="game-rec">
                            <div class="game-img-box">
                                <img src="./assets/images/gameIcon-01.png" alt="img">
                                <p class="game-tag">月新区</p>
                            </div>
                            <p class="game-name">神之太极神图</p>
                            <p class="game-des">与神途达成深度合作，一起玩神途为一起 玩吧旗下品牌神途游戏。</p>
                            <div class="game-bottom">
                                <div>
                                    <i class="iconfont icon-diannao"></i>
                                    <i class="iconfont icon-iOS"></i>
                                    <i class="iconfont icon-anzhuo"></i>
                                </div>
                                <div>
                                    <a class="game-bottom-link" href="#">进入官网</a>
                                </div>
                            </div>
                        </li>
                        <li class="game-rec">
                            <div class="game-img-box">
                                <img src="./assets/images/gameIcon-01.png" alt="img">
                                <p class="game-tag">月新区</p>
                            </div>
                            <p class="game-name">神之太极神图</p>
                            <p class="game-des">与神途达成深度合作，一起玩神途为一起 玩吧旗下品牌神途游戏。</p>
                            <div class="game-bottom">
                                <div>
                                    <i class="iconfont icon-diannao"></i>
                                    <i class="iconfont icon-iOS"></i>
                                    <i class="iconfont icon-anzhuo"></i>
                                </div>
                                <div>
                                    <a class="game-bottom-link" href="#">进入官网</a>
                                </div>
                            </div>
                        </li>
                        <li class="game-rec">
                            <div class="game-img-box">
                                <img src="./assets/images/gameIcon-01.png" alt="img">
                                <p class="game-tag">月新区</p>
                            </div>
                            <p class="game-name">神之太极神图</p>
                            <p class="game-des">与神途达成深度合作，一起玩神途为一起 玩吧旗下品牌神途游戏。</p>
                            <div class="game-bottom">
                                <div>
                                    <i class="iconfont icon-diannao"></i>
                                    <i class="iconfont icon-iOS"></i>
                                    <i class="iconfont icon-anzhuo"></i>
                                </div>
                                <div>
                                    <a class="game-bottom-link" href="#">进入官网</a>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="content-box">
                <div class="content-left">
                    <div class="title"><span class="border">开服列表</span></div>
                    <ul class="content-left-main" style="height: 392px;">
                        <li class="service-item">
                            <span class="item-name">神之太极神图</span>
                            <span class="item-time">每日</span>
                            <span>10点 12点</span>
                        </li>
                        <li class="service-item">
                            <span class="item-name">修天决神途新版</span>
                            <span class="item-time">每日</span>
                            <span>10点</span>
                        </li>
                        <li class="service-item">
                            <span class="item-name">飞跃神途</span>
                            <span class="item-time">每日</span>
                            <span>10点</span>
                        </li>
                    </ul>
                </div>
                <div class="content-right">
                    <div class="title">端游</div>
                    <ul class="content-right-main">
                        <li class="carrier-item">
                            <div class="game-box">
                                <img src="./assets/images/gameIcon-03.png" alt="img">
                                <div class="game-info-box">
                                    <p class="game-info-line">
                                        <span class="game-name">神之太极神图</span>
                                        <i class="iconfont icon-diannao"></i>
                                        <i class="iconfont icon-iOS"></i>
                                        <i class="iconfont icon-anzhuo"></i>
                                    </p>
                                    <p class="game-info-link">
                                        <a href=""><i class="iconfont icon-changjiantou"></i>进入官网</a>
                                    </p>
                                </div>
                            </div>
                            <div class="game-box">
                                <img src="./assets/images/gameIcon-03.png" alt="img">
                                <div class="game-info-box">
                                    <p class="game-info-line">
                                        <span class="game-name">神之太极神图</span>
                                        <i class="iconfont icon-diannao"></i>
                                        <i class="iconfont icon-iOS"></i>
                                        <i class="iconfont icon-anzhuo"></i>
                                    </p>
                                    <p class="game-info-link">
                                        <a href=""><i class="iconfont icon-changjiantou"></i>进入官网</a>
                                    </p>
                                </div>
                            </div>
                        </li>
                        <li class="carrier-item">
                            <div class="game-box">
                                <img src="./assets/images/gameIcon-03.png" alt="img">
                                <div class="game-info-box">
                                    <p class="game-info-line">
                                        <span class="game-name">神之太极神图</span>
                                        <i class="iconfont icon-diannao"></i>
                                        <i class="iconfont icon-iOS"></i>
                                        <i class="iconfont icon-anzhuo"></i>
                                    </p>
                                    <p class="game-info-link">
                                        <a href=""><i class="iconfont icon-changjiantou"></i>进入官网</a>
                                    </p>
                                </div>
                            </div>
                            <div class="game-box">
                                <img src="./assets/images/gameIcon-03.png" alt="img">
                                <div class="game-info-box">
                                    <p class="game-info-line">
                                        <span class="game-name">神之太极神图</span>
                                        <i class="iconfont icon-diannao"></i>
                                        <i class="iconfont icon-iOS"></i>
                                        <i class="iconfont icon-anzhuo"></i>
                                    </p>
                                    <p class="game-info-link">
                                        <a href=""><i class="iconfont icon-changjiantou"></i>进入官网</a>
                                    </p>
                                </div>
                            </div>
                        </li>
                        <li class="carrier-item">
                            <div class="game-box game-box2">
                                <img src="./assets/images/gameIcon-02.png" alt="img">
                                <div class="game-info-box">
                                    <p class="game-info-line">
                                        <span class="game-name">神之太极神图</span>
                                        <i class="iconfont icon-diannao"></i>
                                        <i class="iconfont icon-iOS"></i>
                                        <i class="iconfont icon-anzhuo"></i>
                                    </p>
                                    <p class="game-info-link">
                                        <a href=""><i class="iconfont icon-changjiantou"></i>进入官网</a>
                                    </p>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="index-banner mt-20">
                <img src="./assets/images/index-banner.png" alt="banner">
            </div>
            <div class="content-box">
                <div class="content-left">
                    <div class="title"><span class="border">手游开服表</span></div>
                    <ul class="content-left-main" style="height: 392px;">
                        <li class="service-item">
                            <span class="item-name">神之太极神图</span>
                            <span class="item-time">每日</span>
                            <span>10点 12点</span>
                        </li>
                        <li class="service-item">
                            <span class="item-name">修天决神途新版</span>
                            <span class="item-time">每日</span>
                            <span>10点</span>
                        </li>
                        <li class="service-item">
                            <span class="item-name">飞跃神途</span>
                            <span class="item-time">每日</span>
                            <span>10点</span>
                        </li>
                    </ul>
                </div>
                <div class="content-right">
                    <div class="title">手游</div>
                    <ul class="content-right-main">
                        <li class="carrier-item">
                            <div class="game-box">
                                <img src="./assets/images/gameIcon-03.png" alt="img">
                                <div class="game-info-box">
                                    <p class="game-info-line">
                                        <span class="game-name">神之太极神图</span>
                                        <i class="iconfont icon-diannao"></i>
                                        <i class="iconfont icon-iOS"></i>
                                        <i class="iconfont icon-anzhuo"></i>
                                    </p>
                                    <p class="game-info-link">
                                        <a href=""><i class="iconfont icon-changjiantou"></i>进入官网</a>
                                    </p>
                                </div>
                            </div>
                            <div class="game-box">
                                <img src="./assets/images/gameIcon-03.png" alt="img">
                                <div class="game-info-box">
                                    <p class="game-info-line">
                                        <span class="game-name">神之太极神图</span>
                                        <i class="iconfont icon-diannao"></i>
                                        <i class="iconfont icon-iOS"></i>
                                        <i class="iconfont icon-anzhuo"></i>
                                    </p>
                                    <p class="game-info-link">
                                        <a href=""><i class="iconfont icon-changjiantou"></i>进入官网</a>
                                    </p>
                                </div>
                            </div>
                        </li>
                        <li class="carrier-item">
                            <div class="game-box">
                                <img src="./assets/images/gameIcon-03.png" alt="img">
                                <div class="game-info-box">
                                    <p class="game-info-line">
                                        <span class="game-name">神之太极神图</span>
                                        <i class="iconfont icon-diannao"></i>
                                        <i class="iconfont icon-iOS"></i>
                                        <i class="iconfont icon-anzhuo"></i>
                                    </p>
                                    <p class="game-info-link">
                                        <a href=""><i class="iconfont icon-changjiantou"></i>进入官网</a>
                                    </p>
                                </div>
                            </div>
                            <div class="game-box">
                                <img src="./assets/images/gameIcon-03.png" alt="img">
                                <div class="game-info-box">
                                    <p class="game-info-line">
                                        <span class="game-name">神之太极神图</span>
                                        <i class="iconfont icon-diannao"></i>
                                        <i class="iconfont icon-iOS"></i>
                                        <i class="iconfont icon-anzhuo"></i>
                                    </p>
                                    <p class="game-info-link">
                                        <a href=""><i class="iconfont icon-changjiantou"></i>进入官网</a>
                                    </p>
                                </div>
                            </div>
                        </li>
                        <li class="carrier-item">
                            <div class="game-box game-box2">
                                <img src="./assets/images/gameIcon-02.png" alt="img">
                                <div class="game-info-box">
                                    <p class="game-info-line">
                                        <span class="game-name">神之太极神图</span>
                                        <i class="iconfont icon-diannao"></i>
                                        <i class="iconfont icon-iOS"></i>
                                        <i class="iconfont icon-anzhuo"></i>
                                    </p>
                                    <p class="game-info-link">
                                        <a href=""><i class="iconfont icon-changjiantou"></i>进入官网</a>
                                    </p>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="partner-box mt-20">
                <div class="title">合作伙伴</div>
                <ul class="partner-icons">
                    <li class="partner-icon">
                        <a href="">
                            <img src="./assets/images/parnter-icon01.png" alt="icon">
                        </a>
                    </li>
                    <li class="partner-icon">
                        <a href="">
                            <img src="./assets/images/parnter-icon01.png" alt="icon">
                        </a>
                    </li>
                    <li class="partner-icon">
                        <a href="">
                            <img src="./assets/images/parnter-icon01.png" alt="icon">
                        </a>
                    </li>
                    <li class="partner-icon">
                        <a href="">
                            <img src="./assets/images/parnter-icon01.png" alt="icon">
                        </a>
                    </li>
                    <li class="partner-icon">
                        <a href="">
                            <img src="./assets/images/parnter-icon01.png" alt="icon">
                        </a>
                    </li>
                    <li class="partner-icon">
                        <a href="">
                            <img src="./assets/images/parnter-icon01.png" alt="icon">
                        </a>
                    </li>
                </ul>
                <div class="partner-links">
                    <span>页游：</span>
                    <a href=" #">07073</a>
                    <a href="#">07073</a>
                    <a href="#">07073</a>
                </div>
                <div class="partner-links">
                    <span>手游：</span>
                    <a href="#">07073</a>
                    <a href="#">07073</a>
                    <a href="#">07073</a>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-area">
        <div class="main footer-box">
            <div class="footer-logo">
                <a href="#">
                    <img src="./assets/images/logo-yqwb.png" alt="logo">
                </a>
            </div>
            <div class="footer-infos">
                <div class="footer-links">
                    <a href="#">关于我们</a>
                    <a href="#">开放平台</a>
                    <a href="#">免责声明</a>
                    <a href="#">权利保护</a>
                    <a href="#">纠纷处理</a>
                    <a href="#">联系我们</a>
                </div>
                <div class="footer-state">
                    <p>一起玩吧商标是由一起玩吧（杭州）科技有限公司拥有且授权给杭州宝莲灯科技有限公司使用的注册商标</p>
                    <p>杭州宝莲灯科技有限公司 对其运营行为独立承担全部责任</p>
                    <p>龄提示：产品适合18周岁以上玩家使用   /  未成年人家长监护  /  隐私权和条款 </p>
                    <p>增值电信业务经营许可证:浙B2-20160105  /  网络文化经营许可证:浙网文[2015]0842-231号</p>
                    <p>浙ICP备13007831号  /  浙公网安备 33010602000651号 / 安全责任书 </p>
                </div>
                <div class="footer-copyright">
                    <div>
                        <p>杭州宝莲灯科技有限公司 版权所有 </p>
                        <p>Powered by Baoliandeng inc . </p>
                    </div>
                    <div>
                        <img src="./assets/images/copyright.png" alt="copyright">
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<script>
    // $(function ($) {
    //   var swiper = new Swiper('#swiper-container', {
    //     // autoplay: 5000,
    //     loop: true,
    //     pagination: '#swiper-pagination',
    //     paginationClickable: true,
    //   });
    // })
</script>
</html>
